function menuDoWork() {
    var hMenuDiv = "box_2";
    var vMenuDiv = "box_1";
    $('#box_2').css({
        'width': '701px'
    })
    $('#box_1').css({
        'width': '299px'
    })
    $('.widgetContent').removeClass('widgetContent');
    $('.widget_holder').removeClass('widget_holder');

    stylePageHeader();

    hideUnusedVerticalMenuElements(vMenuDiv);

    styleVerticalMenu(vMenuDiv);

    styleHorizontalMenu(hMenuDiv);
}

function showPage() {
    $('body').show();
}

function hideLoginBox(){
    $('.plgLogin').hide()
}

function setPageLogo(){
    if(isLogoSet()){
        return;
    }
    var logoDiv = $('<div id="logo_box_"></div>');
    logoDiv.css({
        'background-image': 'url("http://salony.beabeleza.pl/Usr/i/logo_sklep.jpg")', 
        'background-repeat': 'no-repeat',
        'height': '142px',
        'width': '449px',
        'cursor' : 'pointer'
    });
    logoDiv.click(function(){
        window.location = '#';
    });
    $('.plgSearch').append(logoDiv);
}

function isLogoSet(){
    return $('#logo_box_').length===1;
}

function stylePageHeader() {
    $('body').css({
        'background-repeat': 'repeat-x'
    });
    $('#header').css({
        'margin-top': '7px'
    });
    setPageLogo();
    $('.plgSearch').find('.plgSearchTxt').removeClass().css({
        'background-image': 'url("http://salony.beabeleza.pl/Usr/i/search-sprite.png")', 
        'width': '197px',
        'height': '27px', 
        'position': 'relative', 
        'left': '710px', 
        'top': '46px', 
        'font-family': "'Average Sans',sans-serif", 
        'font-size': '14px',
        'color': '#d1d0d0', 
        'font-weight': 'normal', 
        'border': 'none', 
        'padding-left': '10px'
    }).val('Wprowadź nazwę produktu...').focus(function () {
        if (this.value == 'Wprowadź nazwę produktu...') this.value = ''
    }).blur(function() {
        if (this.value.length == 0) {
            this.value == 'Wprowadź nazwę produktu...';
        }
        $('.plgSearch').find('.cp_watermark').hide();
    });
    $('.plgSearch').find(':submit').removeClass().css({
        'background-image': 'url("http://salony.beabeleza.pl/Usr/i/search-sprite.png")', 
        'background-position': '-208px 0',
        'width': '66px',
        'height': '29px', 
        'font-family': "'Average Sans',sans-serif", 
        'font-size': '14px', 
        'color': '#fff', 
        'font-weight': 'normal',
        'position': 'relative', 
        'left': '710px', 
        'top': '45px', 
        'border': 'none'
    });
    $('.plgSearch').find('.cp_watermark').hide();
    $('.plgSearch').find('.cp_link').css({
        'position': 'relative', 
        'left': '760px', 
        'top': '48px', 
        'font-family': "Tahoma", 
        'font-size': '11px', 
        'color': '#c2c1c1'
    });
    hideLoginBox();
}

function styleVerticalMenu(vMenuDiv) {
    //strzałeczka
    $('.exp').css({
        'position': 'relative', 
        'top': '9px'
    })

    $('#' + vMenuDiv).find('.tree').addClass('proper_height');
    var firstLevel = $('#' + vMenuDiv).find('.tree > li');

    firstLevel.each(function (index) {
        $(this).css({
            'margin-left': '15px', 
            'margin-top': '5px'
        })
        $(this).find('a').addClass('menu_I');
        var secondLevel = $(this).find('ul > li');
        

        secondLevel.each(function (i) {
            $(this).find('a').addClass('menu_II');
            $(this).find('ul > li > a').addClass('menu_III');
        });
    });

    $('#' + vMenuDiv).find('a').css({
        'color': '#666'
    });

    $('a[title="Promocje"]').css({
        'color': '#fff'
    }).parent().css({
        'height': '32px', 
        'width': '250', 
        'background': '#E21C71'
    });
    $('a[title="Nowości"]').css({
        'color': '#fff'
    }).parent().css({
        'height': '32px', 
        'width': '250', 
        'background': '#137DD5'
    });
    $('a[title="Tangle Teezer"]').parent().css({
        'margin-top': '32px'
    });
};

function styleHorizontalMenu(menuDiv) {
    $("#" + menuDiv).find('li').css({
        'padding-left': '17px', 
        'padding-right': '0px'
    }).hide().parent().css({
        'border': 'solid 1px #ddd'
    });
    var ul = $('#' + menuDiv).find('ul');
    ul.wrap('<div id="h_nav">');
    ul.find('a[title="Szampony"]').removeClass().addClass('szampony').parent().show();
    ul.find('a[title="Odżywki"]').removeClass().addClass('odzywki').parent().show();
    ul.find('a[title="Koloryzacja"]').removeClass().addClass('koloryzacja').parent().show();
    ul.find('a[title="Maski"]').removeClass().addClass('maski').parent().show();
    ul.find('a[title="Stylizacja"]').removeClass().addClass('stylizacja').parent().show();
    ul.find('a[title="Kuracje"]').removeClass().addClass('kuracje').parent().show();
    ul.find('a[title="Zestawy"]').removeClass().addClass('zestawy').parent().show();

    ul.children('li').each(
        function () {
            if ($(this).find("span.h_nav_text").length == 0) {
                $(this.firstChild.firstChild).wrap('<span class="h_nav_text"></span>');
            };
        }
        );

};

function hideMenuElement(menuDiv, elementTitle) {
    var selector = $('a[title="' + elementTitle + '"]');

    $("#" + menuDiv).find(selector).parent().hide();
};

function hideUnusedVerticalMenuElements(vMenuDiv) {
    hideMenuElement(vMenuDiv, 'Koloryzacja');
    hideMenuElement(vMenuDiv, 'Kuracje');
    hideMenuElement(vMenuDiv, 'Maski');
    hideMenuElement(vMenuDiv, 'Odżywki');
    hideMenuElement(vMenuDiv, 'Stylizacja');
    hideMenuElement(vMenuDiv, 'Szampony');
    hideMenuElement(vMenuDiv, 'Zestawy');

};
